<!DOCTYPE html>
<html>
<head>
    <title>SosocialClient1</title>
    <script type="text/javascript" src="/js/base.js"></script>
    <link type="text/css" rel="stylesheet" href="/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #f5f5f5;
        }
        blockquote {
            margin-bottom: 10px;
            border-left-color: #bbb;
        }
        form {
            margin-top: 10px;
        }
        .form-signin input[type="text"] {
            font-size: 16px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px 9px;
        }
        .margintop  {
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="#">SosocialClient1</a>
            <div class="nav-collapse collapse pull-right">
                <a href="http://sosocialmashup.appspot.com/Social/externalLogin?red=https://sosocialclient1.appspot.com/&from=facebook" class="btn" id="signinButton">Sign in FB</a>
                <a href="http://sosocialmashup.appspot.com/Social/externalLogin?red=https://sosocialclient1.appspot.com/&from=twitter" class="btn" id="signinButton">Sign in TW</a>
            </div>
        </div>
    </div>
</div>
<div class="container">

    <div id="outputLog" class="margintop"></div>

    <form action="javascript:void(0);">
        <h2>Send a new status</h2>
        <div><span style="width: 90px; display: inline-block;">to: </span><input id="to" /></div><br>
        <div><span style="width: 90px; display: inline-block;">tokenFb: </span><input id="tokenFb" /></div><br>
        <div><span style="width: 90px; display: inline-block;">tokenTw1: </span><input id="tokenTw1" /></div><br>
        <div><span style="width: 90px; display: inline-block;">tokenTw2: </span><input id="tokenTw2" /></div><br>
        <div><span style="width: 90px; display: inline-block;">message: </span><input id="message" /></div><br>
        <div><input id="getGreeting" type="submit" class="btn btn-small" value="Submit"></div><br>
    </form>

    <script type="text/javascript">
        function init() {
            google.devrel.samples.hello.init('https://' + 'sosocialmashup.appspot.com' + '/_ah/api');
        }
    </script>
    <script src="https://apis.google.com/js/client.js?onload=init"></script>
</div>
</body>
</html>
